<template>
  <div
    class="d-flex mb-4"
    style="column-gap: 1%"
  >
    <!-- #region template -->
    <h1>
      Example heading
      <BBadge>New</BBadge>
    </h1>
    <h2>
      Example heading
      <BBadge>New</BBadge>
    </h2>
    <h3>
      Example heading
      <BBadge>New</BBadge>
    </h3>
    <h4>
      Example heading
      <BBadge>New</BBadge>
    </h4>
    <h5>
      Example heading
      <BBadge>New</BBadge>
    </h5>
    <h6>
      Example heading
      <BBadge>New</BBadge>
    </h6>
    <!-- #endregion template -->
  </div>
</template>
